<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title></title>
<script src="../../js/common/js/jquery-3.4.1.js"></script>
	<script type="text/javascript">
		$(function(){
			//点击文本框时，文字消失；离开文本框时输入信息改回请输入邮箱地址
			$("#address").focus(function(){
				$("#address").removeAttr("value");
			})
			$("#address").blur(function(){
				$("#address").attr("value","请输入账号")
			})
			$("#password").focus(function(){
				$("#password").removeAttr("value");
			})
			$("#password").blur(function(){
				$("#password").attr("value","请输入密码");
			})
			
		})
	</script>
</head>

<body>
	<input type="text" id="address"   value="请输入账号"/>
	<input type="text"  id="password" value="请输入密码" />	
	<input id="btn" type="button" value="登录" />
</body>
</html>